<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Adding and formatting a Grid/Graph title bar</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
p.whs1 { margin-left:40px; }
img_whs2 { border:none; width:294px; height:179px; float:none; border-style:none; }
ul.whs3 { list-style:disc; }
ol.whs4 { list-style:decimal; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nCreating a document template: Grid/Graph controls\nFormatting Grid/Graphs\nAdding and formatting a Grid/Graph title bar");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Adding and formatting a Grid/Graph title bar</h1>
<p>A title bar above the grid report or graph report on a Grid/Graph control 
 allows users to minimize and maximize the Grid/Graph, and it identifies 
 the dataset report displayed in the Grid/Graph control. You can format 
 the title bar independently of the Grid/Graph container.</p>
<p>The title bar looks like the following. It is the bar at the very top 
 of the Grid/Graph. </p>
<p class="whs1"><img src="images/titlebar_gg.gif" x-maintain-ratio="TRUE" width="294px" height="179px" border="0" class="img_whs2"></p>
<p>If you include several Grid/Graphs with title bars in a document, you 
 can create the feel of a portal-style dashboard in your documents. The 
 Grid/Graphs can all be displayed, or a user can minimize the ones that 
 are not relevant at the moment to focus on a particular Grid/Graph.</p>
<p>A title bar:</p>
<ul type="disc" class="whs3">
	
<li class=p><p>Displays the title of the report by default, although 
 you can replace it with your own text.</p></li>
	
<li class=p><p>Is displayed in all views for Web.</p></li>
	
<li class=p><p>Allows Web users to minimize and maximize the Grid/Graph. 
 This interactivity is available in Editable Mode and Interactive Mode. 
 </p></li>
	
<li class=p><p>Lets the document designer determine the initial state 
 of the window: normal, minimized, or maximized. The initial state, which 
 is controlled by the Display state property, is used in all modes in Web.</p></li>
</ul>
<h2>To add and format a Grid/Graph title bar</h2>
<ol type="1" class="whs4">
	
<li class=p><p>Open the document in <span style="font-weight: bold;"><B>Design 
 </B></span>or <span style="font-weight: bold;"><B>Editable Mode</B></span>. </p></li>
	
<li class=p><p>Right-click the Grid/Graph and select <span style="font-weight: bold;"><B>Properties 
 and Formatting</B></span>. The Properties and Formatting dialog box opens.</p></li>
	
<li class=p><p>From the left, select <span style="font-weight: bold;"><B>General</B></span>.</p></li>
	
<li class=p><p>Select the <span style="font-weight: bold;"><B>Show title 
 bar </B></span>check box.</p></li>
	
<li class=p><p>By default, the name of the dataset report is displayed 
 in the title bar. To display a different title, type the new text in the 
 <span style="font-weight: bold;"><B>Title</B></span> field.</p></li>
	
<li class=p><p>To change the initial display height and width of the 
 Grid/Graph, select one of the following from the <span style="font-weight: bold;"><B>Display 
 State</B></span> drop-down list: </p></li>
	<ul>
<li style="list-style: disc;" type=disc class=p><p><span style="font-weight: bold;"><B>Minimized</B></span>: 
 Only the title bar is initially displayed. A user can move the grid report 
 or graph report but cannot resize it.</p></li>
		
<li style="list-style: disc;" type=disc class=p><p><span style="font-weight: bold;"><B>Maximized</B></span>: 
 The size of the grid report or graph report is initially displayed at 
 the size of the document section in which it is located.</p></li>
	</ul>
</ol>
<ol start="7" type="1" class="whs4">
	
<li class=p><p>To specify the height of the title bar itself, from 
 the left select <span style="font-weight: bold;"><B>Layout</B></span>. Then type 
 the height in the <span style="font-weight: bold;"><B>Title height</B></span> 
 field.</p></li>
	
<li class=p><p>To format the background fill of the title bar:</p></li>
	<ul type="disc" class="whs3">
		
<li class=p><p>Select <span style="font-weight: bold;"><B>Grid Container</B></span> 
 in the object list on the left.</p></li>
		
<li class=p><p>Select <span style="font-weight: bold;"><B>Body</B></span> 
 in the object list on the right.</p></li>
		
<li class=p><p>Select a fill color from the <span style="font-weight: bold;"><B>Color</B></span> 
 menu. To shade the title bar with a color gradient, use the Color drop-down 
 list and select <span style="font-weight: bold;"><B>Gradient</B></span>. To allow 
 what is behind the title bar to show through, use the Color drop-down 
 list and select <span style="font-weight: bold;"><B>No Color</B></span>.</p></li>
	</ul>
	
<li class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> to 
 apply the changes and close the dialog box.</p></li>
</ol>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
